<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>单一项目修改</title>
    <link rel="stylesheet" href="../css/mui.min.css">
    <link rel="stylesheet" href="../css/pages/singlePrjEntry.css">
    <!--图片上传样式-->
	<link rel="stylesheet" href="../css/weui.css" />
</head>
<body>
    <div id="app">
        <div class="mui-card">

            <ul class="mui-table-view">
                <li class="mui-table-view-cell mui-collapse">
                    <a class="mui-navigate-right" href="#">项目背景修改</a>
                    <div class="mui-collapse-content">
                        <div class="mui-input-row">
                            <input v-model="itemName" type="text" placeholder="项目名称(必填)">
                        </div>
                        <div class="mui-input-row">
                            <input v-model="itemCompany" type="text" placeholder="发布单位(必填)">
                        </div>
                        <div class="mui-input-row">
                            <input v-model="itemUser1" type="text" placeholder="发布人(必填)">
                        </div>
                        <div class="mui-input-row">
                            <input v-model="itemDepartment" type="text" placeholder="发布人部门(必填)">
                        </div>
                        <div class="mui-input-row">
                            <input v-model="user1Phone" @blur="handleBlur($event)" type="text" placeholder="联系电话(必填)">
                        </div>
                        <div class="mui-input-row">
                            <textarea v-model="itemText"  rows="5" placeholder="项目背景内容(必填)"></textarea>
                        </div>
                    </div>
                </li>
                <li class="mui-table-view-cell mui-collapse">
                    <a class="mui-navigate-right" href="#">项目对接人修改</a>
                    <div class="mui-collapse-content">
                        <div>
                            <div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">
                                <a class="mui-control-item mui-active" href="#item1">官方对接人</a>
                                <a class="mui-control-item" href="#item2">中间人</a>
                            </div>
                        </div>
                        <div>
                            <div id="item1" class="mui-control-content mui-active">
                                <div class="mui-scroll-wrapper">
                                    <div class="mui-scroll">
                                        <div class="mui-input-row">
                                            <input v-model="itemUser2" type="text" placeholder="官方对接人">
                                        </div>
                                        <div class="mui-input-row">
                                            <input v-model="user2Department" type="text" placeholder="单位">
                                        </div>
                                        <div class="mui-input-row">
                                            <input v-model="user2Phone" @blur="handleBlur($event)" type="text" placeholder="联系电话">
                                        </div>
                                        <div class="mui-input-row">
                                            <textarea v-model="user2Text" rows="5" placeholder="项目背景内容"></textarea>
                                        </div>  
                                    </div>
                                </div>
                            </div>
                            <div id="item2" class="mui-control-content">
                                <div class="mui-scroll-wrapper">
                                    <div class="mui-scroll">
                                        <div class="mui-input-row">
                                            <input v-model="itemUser3" type="text" placeholder="中间人">
                                        </div>
                                        <div class="mui-input-row">
                                            <input v-model="user3Department" type="text" placeholder="单位">
                                        </div>
                                        <div class="mui-input-row">
                                            <input v-model="user3Phone" @blur="handleBlur($event)" type="text" placeholder="联系电话">
                                        </div>
                                        <div class="mui-input-row">
                                            <textarea v-model="user3Text"  rows="5" placeholder="项目背景内容"></textarea>
                                        </div>  
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="mui-table-view-cell mui-collapse">
                    <a class="mui-navigate-right" href="#">相关项目文件修改</a>
                    <div class="mui-collapse-content">
                        <div class="mui-input-row">
                            <textarea v-model="itemFile" rows="5" placeholder="内容"></textarea>
                        </div>  
                    </div>
                </li>
                <li class="mui-table-view-cell mui-collapse">
                    <a class="mui-navigate-right" href="#">图片上传</a>
                    <div class="mui-collapse-content">
                        <!-- 图片上传 -->
                        <div class="weui_cells weui_cells_form">
                            <div class="weui_cell">
                                <div class="weui_cell_bd weui_cell_primary">
                                    <div class="weui_uploader">
                                        <div class="weui_uploader_hd weui_cell">
                                            <div class="weui_cell_bd weui_cell_primary">点击添加</div>
                                            <div class="weui_cell_ft js_counter">0/6</div>
                                        </div>
                                        <div class="weui_uploader_bd">
                                            <!--预览图插入到这-->
                                            <ul class="weui_uploader_files"></ul>
                                            <div class="weui_uploader_input_wrp">
                                                <input class="weui_uploader_input js_file" type="file" accept="image/*" name="upload" id="upload" multiple>
                                                <input type="hidden" id="hiddenImgUrl" /> 				                           
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    
        <!-- 按钮组 -->
        <div class="app-btn-group">
            <button @click="handleSubmit" type="button" class="mui-btn mui-btn-primary mui-btn-block">提交</button>
        </div>

    </div>
</body>
<script src="../js/mui.min.js"></script>
<script src="../js/config.js"></script>
<script src="../js/vue.min.js"></script>
<script src="../js/jquery.min.js"></script>
<script>
    mui.init();
</script>
<script src="../js/pages/historyPrj_single_update.js"></script>
</html>